.page-base-box.form {
    ::v-deep {
        @include flexLayout(flex, normal, normal);
        width: 100%;
        height: 100%;
        flex-flow: column;

        &>.page-base-body {
            flex: 1;
            height: calc(100% - .5rem);
            min-height: unset;
            background: transparent!important;
        }

        &>.page-base-header,
        &>.page-base-footer {
            flex: 0 0 auto;
        }
        .el-tab__label {
            padding: 0;
        }
    }

    .custom-form.el-form {
        height: 100%;
        @include flexLayout(flex, normal, normal);
        flex-flow: column;
        &.role{
            height: calc(100% - .76rem);
        }

        .role-form__body {
            flex: 1;
            height: calc(100% - .5rem);
            overflow: auto;
        }
        .role-people{
            height: calc(100% - 56px);
            ::v-deep{
                .page-card__info{
                    height: calc(100% - .4rem);
                }
            }
        }
    }
}
.form-main {
    width: 100%;
    height: 100%;

    .form-drag-box {
        width: 100%;
        height: 100%;
        @include flexLayout(flex, normal, normal);
    }

    .form-main__aside {
        flex: 0 0 auto;
        width: 3rem;
        margin-left: 4px;
        height: 100%;
        background: #fff;
    }

    .form-main__body {
        flex: 1;
        width: 100%;
        height: 100%;
        overflow: auto;
        overflow-x: hidden;
        margin-left: 10px;
        background: #fff;

        .form-main__body-footer {
            text-align: right;
            padding-right: 30px;

            .el-button {
                width: 2.4rem;
            }
        }
    }
}
.pbb__pagination {
    padding: 12px 0;
}
